<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // var age
    // 1.变量会自动提升
    console.log(age);
    // js 定义变量是用var variable
    var age = 10
    // 变量提升的案例演示
    var tmp = 10;
    function fvar() {
      console.log(tmp);
      var tmp = "hello world";
    }
    fvar(); // undefined
    // 上面代码中，函数f执行后，输出结果为 undefined ，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量。





    // 2. 可以重复定义
    var school = '青芒'
    var school = '北京青芒'
    console.log(school);

    // //3. 默认会放到window 里边
    // console.log(window);
    // 4.没有块的概念
    {
      var num = "name"
    }
    console.log(num);
    // 案例演示
    // 上面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。
    for (var i = 0; i < 5; i++) {
    }
    console.log(i); // 5




  </script>
</body>

</html>